<template>
    <h3>相对于 APP 组件来说我是孙子组件</h3>
    <h5>{{ msg1 }} --- {{ msg2 }}</h5>
    <button @click="clickBtn">点击修改父组件的 msg2 这个值</button>
</template>

<script>
export default {
    /**
     * 子组件中通过 inject 可以接收到 祖先级组件 向外暴露的数据
     */
    inject: ["msg1", "msg2", "setMsg2"],
    methods: {
        clickBtn () {
            // console.log('点击按钮')
            this.setMsg2('子组件修改了 msg2 ')
        }
    }
};
</script>
